﻿@model Physis.Client.Models.ApplicationModel

@{ Layout = "~/Views/ApplicationMaster.cshtml"; }

@section InlineStyles { 

    <style type="text/css">
    
        h3 { background: transparent !important; border: 0px !important; }

        h3 a { white-space: nowrap; }
        
        h4 { padding-left: .125in; padding-top: 0px; margin-top: 0px; }

        h4 a { white-space: nowrap; }

        td.ContentSelectionContainer { 

            background-position-x: center;

            background-position-y: center;
        
            background-repeat: no-repeat;


        }
        
        td.ContentSelectionContainerInactive { 
        
        
        }

        div.ContentSelection {

            width: 200px; 
        
            border-left: 1px solid; 
        
            padding-left: .125in; padding-right: .125in;

            display: none;
        
        }

        .Content { 

            vertical-align: top;

            padding: 0px;

            margin: 0px;
               
        }

        .Loading { 
                
            background-image: url(@Url.Content("~/Assets/Images/Animation/ajax-loader-flower-large.gif")); 
        
            background-position-x: center;

            background-position-y: center;
        
            background-repeat: no-repeat;

        }
        
    </style>

}

@section ApplicationTitleBarLinks {
         
    <td id="ApplicationTitleBarThemeSelector">

        <select onchange="UpdateTheme($(this).val());">

            <option value="Blitzer">Blitzer</option>

            <option value="Cupertino">Cupertino</option>

            <option value="Darkness">Darkness</option>

            <option value="Eggplant">Eggplant</option>

            <option value="Humanity">Humanity</option>

            <option value="Lightness">Lightness</option>

            <option value="Overcast">Overcast</option>

            <option value="Redmond">Redmond</option>

            <option value="Smoothness">Smoothness</option>

            <option value="Start">Start</option>

            <option value="Sunny">Sunny</option>

        </select>

    </td>
                           
}

                

<div id="SponsorContent" class="ui-widget-content-background ui-widget-content-color TextNormal" style="margin: .06125in; padding: .125in .06125in .125in .25in; border: solid 1px black;">

    <table style="table-layout: fixed;"><tr>

        <td class="ContentRootSelectionContainer" style="width: 230px;">

            <div class="TextNormal" style="overflow: auto; min-height: 400px;">
                
                <div>

                    <h3><a id="Sponsor" class="ui-state-hover-color" href="javascript:void(0);" onclick="$('#SponsorSelection a').click();">Sponsor</a></h3>
                    
                    <div style="margin-bottom: 8px;">

                        <span style="white-space: nowrap;">Search Criteria:</span>

                        <span style="white-space: nowrap;"><input id="SearchCriteria" type="text" /></span>

                        <span style="white-space: nowrap;"><a id="SearchButton" href="javascript:void(0);" onclick="SponsorSearch_OnClick();">(search)</a></span>

                    </div>
                    
                    <div style="margin-bottom: 16px; margin-top: 8px;">

                        <span style="white-space: nowrap;"><a href="javascript:void(0);" onclick="SponsorAdd_OnClick();">(add a new sponsor)</a></span>

                    </div>

                </div>   

                <div>

                    <h3><a id="SponsorConfiguration" class="ui-state-hover-color" href="javascript:void(0);" onclick="TopLevelSelection_OnClick(this);">Sponsor Configuration</a></h3>

                    <h4>Manage configuration options for Sponsors.</h4>

                </div>   
                                       
            </div>

        </td>
        
        <td class="ContentSelectionContainer" style="width: 250px;">
            
            <div id="SponsorSelection" class="ContentSelection">
                
                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="Sponsor" controller="Sponsor" action="SponsorSearch" parameters="useCaching=false">Sponsor Search Results</a></h4>

            </div>

            <div id="SponsorConfigurationSelection" class="ContentSelection">
                        
                <h3>Sponsor Configuration</h3>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="SponsorType" controller="Sponsor" action="SponsorTypesForGrid" parameters="useCaching=false">Sponsor Types</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="CloseAllSelections_OnClick(this);">(close)</a></h4>

            </div>
             
            <div id="ProgramManagementSelection" class="ContentSelection">
                        
                <h3>Programs</h3>
                        
                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="Program" controller="Insurer" action="ProgramsForGrid">Programs</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="ProgramRuleSet" controller="Insurer" action="ProgramRuleSetsForGrid">Program Rule Sets</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="InsuranceType" controller="Insurer" action="InsuranceTypesForGrid" parameters="">Insurance Types</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="CloseAllSelections_OnClick(this);" parentId="SecurityManagementSelection">(close)</a></h4>

            </div>
                
            <div id="BenefitPlanManagementSelection" class="ContentSelection">
                        
                <h3>Benefit Plans</h3>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" objectType="BenefitPlan" controller="Insurer" action="BenefitPlansForGrid" >Benefit Plans</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" >Benefits</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" >(something)</a></h4>

                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="ContentSelection_OnClick(this);" >(something)</a></h4>
                        
                <h4><a class="ui-state-hover-color" href="javascript:void(0);" onclick="CloseAllSelections_OnClick(this);">(close)</a></h4>

            </div>               
               
        </td>
        
        <td class="Content">

            <div id="ContentHeader" class="ui-widget-header" style="margin-top: 0px; padding: 5px; display: none;"></div>
                    
            <div id="ContentBody" class="Content" style="display: none;">

                <table id="ContentGrid"></table>

                <div id="ContentGridPager"></div>

            </div>                    

        </td>

    </tr></table>

</div>

<script type="text/javascript" src="~/Scripts/Application/Sponsor/SponsorWorkspace.js"></script>